/**
 * Copyright 2016 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#textContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	pointer-events: none;

	#textLine {
		position: absolute;
		width: calc(100% - 40px);
		max-width: 500px;
		text-align: center;
		color: white;
		pointer-events: none;
		font-size: 46px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		span {
			margin-right: 10px;
			word-wrap: normal;
			display: inline-block;
			opacity: 0;

			&.label {
				text-decoration: underline;
			}

			&.visible {
				opacity: 1;
			}
		}
	}
}
